<include file="Public/header" title="信息登记-机构注册" />
<script type="text/javascript" src="__PUBLIC__/js/Validform_v5.3.2_min.js"></script>
<link href="__PUBLIC__/css/validform.css" rel="stylesheet">
<div class="main">
    <div class="wrap">
        <ul class="nav-bar">
            <li class=""><span>基本信息</span><i></i></li>
            <li class="step"><span>验证邮箱</span><i></i></li>
            <li class="active"><span>信息登记</span><i></i></li>

        </ul>

        <div class="content-info">
            <?php if($info){ ?>
            <div class="info">{$info}</div>
            <?php }else{  ?>
            <form action="" method="post">
                {__TOKEN__}
                <ul class="select">
                    <!--li active-->
                    <a href="?flag=0">
                    <li <?php if($flag==0){ ?>class="active"<?php } ?> data-href="gov">
                        <div class="title">
                            <img src="__PUBLIC__/img/gov.png" alt="">
                            <span>政府</span>
                        </div>
                        <div>
                            政府包括：国内、各级、各类政府机构、事业单位、具有行政职能的社会组织等。
                        </div>
                        <div class="subinfo">
                            国内主要覆盖公安机构、党团机构、司法机构、交通机构、旅游机构、工商税务机构、市政机构等。
                        </div>
                    </li>
                    </a>

                    <a href="?flag=1">
                    <li <?php if($flag==1){ ?>class="active"<?php } ?> data-href="media">

                        <div class="title">
                            <img src="__PUBLIC__/img/media.png" alt="">
                            <span>媒体</span>
                        </div>
                        <div>
                            媒体包括：报纸、杂志、电视、电台、通讯社、其他等。
                        </div>

                    </li>
                    </a>
                    <a href="?flag=2">
                    <li <?php if($flag==2){ ?>class="active"<?php } ?> data-href="cor">

                        <div class="title">
                            <img src="__PUBLIC__/img/cor.png" alt="">
                            <span>企业</span>
                        </div>
                        <div>
                            企业只可注册一个见微账户。
                        </div>

                    </li>
                    </a>
                </ul>
                <switch name="flag">
                    <case value="0">
                    <div class="form" id="gov">
                        <div class="section">主体信息登记</div>
                        <ul>
                            <li>
                                <div class="label">政府名称</div>
                                <input type="text" name="name" class="info" datatype="*" nullmsg="政府名称必填">
                                <span class="text text-info">信息审核成功后，政府名称不可修改</span>
                            </li>

                            <li>
                                <div class="label">简介</div>
                                <textarea type="text" name="intro" class="info big"></textarea>
                                <span class="text text-info info">请简单的对您的单位、媒体、企业进行描述</span>
                            </li>
                        </ul>
                    </div>
                    </case>

                    <case value="1">
                    <div class="form" id="media">
                        <div class="section">主体信息登记</div>
                        <ul>
                            <li>
                                <div class="label">组织名称</div>
                                <input type="text" name="name" class="info"  datatype="*" nullmsg="组织名称必填">
                                <span class="text text-info">信息审核成功后，政府名称不可修改</span>
                            </li>
                            <li>
                                <div class="label">组织机构代码</div>
                                <input type="text" name="business_license" class="info"  datatype="*" nullmsg="组织机构代码必填">
                                <span class="text text-info">请输入9位组织机构代码，如12345678-9；或18位的统一社会信用代码</span>
                            </li>
                            <li>
                                <div class="label">简介</div>
                                <textarea type="text" name="intro" class="info big"></textarea>
                                <span class="text text-info info">请简单的对您的单位、媒体、企业进行描述</span>
                            </li>
                        </ul>
                    </div>
                    </case>
                    <case value="2">
                    <div class="form" id="cor">
                        <div class="section">主体信息登记</div>
                        <ul>
                            <li>
                                <div class="label">企业名称</div>
                                <input type="text" name="name" class="info"  datatype="*" nullmsg="企业名称必填">
                                <span class="text text-info">信息审核成功后，政府名称不可修改</span>
                            </li>
                            <li>
                                <div class="label">营业执照注册号</div>
                                <input type="text" name="business_license" class="info"  datatype="*" nullmsg="营业执照注册号必填">
                                <span class="text text-info">请输入15位营业执照注册号或18位的统一社会信用代码</span>
                            </li>
                            <li>
                                <div class="label">简介</div>
                                <textarea type="text" name="intro" class="info big"></textarea>
                                <span class="text text-info info">请简单的对您的单位、媒体、企业进行描述</span>
                            </li>
                        </ul>
                    </div>
                    </case>
                </switch>
                <div class="form show">
                    <div class="section">运营者信息登记</div>
                    <ul>
                        <li>
                            <div class="label">运营者身份证姓名</div>
                            <input type="text" name="operator_name" class="info" datatype="zh2-20" nullmsg="运营者姓名必填" errormsg="请填写2-20位中文姓名">
                            <span class="text text-info">请填写该公众帐号运营者的姓名，如果名字包含分隔号“·”，请勿省略。</span>
                        </li>
                        <li>
                            <div class="label">运营者身份证号码</div>
                            <input type="text" name="operator_id" class="info"  datatype="/^[1-9]\d{16}[\dx]$/i" nullmsg="运营者身份证号码必填" errormsg="身份证号码格式错误">
                            <span class="text text-info">请输入运营者的身份证号码，一个身份证号码只能注册1个见微帐号。</span>
                        </li>
                        <li>
                            <div class="label">运营者手机号码</div>
                            <input type="text" name="operator_tel" datatype="phone" nullmsg="手机号码必填" errormsg="手机号码格式错误"  class="mobile">
                            <!--button active-->
                            <button type="button" class="btn" disabled id="sendMobileCode">获取验证码</button>
                            <span class="text text-info">请输入运营者的身份证号码，一个身份证号码只能注册1个见微帐号。</span>
                            <div class="clr"></div>
                        </li>
                        <li>
                            <div class="label">短信验证码</div>
                            <input type="text" name="phoneCode" class="info" datatype="validCode" nullmsg="请填写手机验证码" errormsg="验证码错误" >
                            <span class="text text-info">请输入手机短信收到的6位验证码</span>
                        </li>
                    </ul>
                </div>
                <div class="control">
                    <!--<a href="" class="btn back">上一步</a>-->
                    <!--button active-->
                    <button type="submit" id="formSubmit" class="btn submit" disabled>继续</button>
                </div>
            </form>
            <?php } ?>
        </div>

    </div>
</div>
<script>
    $(function(){
        var valiForm=$("form").Validform({
            tiptype:4,
            showAllError:true,
            postonce:true,
            datatype:{
                "zh2-20":/^[\u4E00-\u9FA5\uf900-\ufa2d]{2,20}$/,
                "phone":function(gets,obj,curform,regxp){
                    var reg=/^13[0-9]{9}$|14[0-9]{9}|15[0-9]{9}$|18[0-9]{9}|17[0-9]{9}$/;
                    if(reg.test(gets)){
                        var res;
                        $.ajax({
                            url: "{:U('checkMobile')}",
                            dataType:'json',
                            async:false,
                            data: {phone: gets},
                            success: function (data) {
                                if (data.status === 'y') {
                                    $("#sendMobileCode:not(.isSended)").addClass('active').prop('disabled', false);
                                    res=true;
                                } else {
                                    $("#sendMobileCode").removeClass('active').prop('disabled', true);
                                    res=data.info;
                                }
                            }
                        });
                        return res;
                    }else{
                        $("#sendMobileCode").removeClass('active').prop('disabled',true);
                        return '手机格式错误';
                    }
                },
                "validCode":function(gets,obj,curform,regxp){
                    var reg=/^\d{6}$/;
                    if(reg.test(gets)){
                        var res;
                        $.ajax({
                            url: "{:U('checkValidCode')}",
                            dataType:'json',
                            async:false,
                            data: {code: gets,phone:$('[name="operator_tel"]').val()},
                            success: function (data) {
                                if (data.status === 'y') {
                                    $("#formSubmit").addClass('active').prop('disabled', false);
                                    res=true;
                                } else {
                                    $("#formSubmit").removeClass('active').prop('disabled', true);
                                    res=data.info;
                                }
                            }
                        });
                        return res;
                    }else{
                        $("#formSubmit").removeClass('active').prop('disabled',true);
                        return '请填写正确的验证码';
                    }
                }
            }
        });

        $("#sendMobileCode").click(function () {
            $.getJSON("{:U('sendMobileCode')}",{phone:$("[name=operator_tel]").val()},function(data){
                if(data.status=='y'){
                    $("#sendMobileCode").html('重新获取(<span id="waitTime">60</span>s)').prop('disabled',true).removeClass('active').addClass('isSended');
                    var t=setInterval(function(){
                        $waitTime=parseInt($('#waitTime').text());
                        $waitTime--;
                        $('#waitTime').text($waitTime);
                        if($waitTime==0){
                            $("#sendMobileCode").removeClass('isSended').addClass('active').prop('disabled', false).html('重新获取验证码');
                            clearInterval(t);
                        }
                    },1000);
                }else{
                    alert(data.info);
                }
            })
        })
    })
</script>
<include file="Public/footer" />